﻿/*
* @Author: lungin
* @Date:   2016-10-04 14:24:30
* @Last Modified by:   lungin
* @Last Modified time: 2016-10-25 16:08:57
*/

.w1000 .modwp,.w1100 .modwp{width: 1200px;}
.hide{position: absolute; left: -9999px;}
.btn_insuper,.privilege_wp,.badge,.sec_hd h3,.gift_cont,.btn_wp_gift .btn_get,.btn_wp_gift .btn_get_off,.welfare_cont,.state_wp .order,.sidenav .ico_gift,.gift_cont .mark,.pop_gift,.pop_welfare{background: url(../fonts/e4cebcb224804ab28071d34717782db4.svg);}
	100%{transform: scale(1);}
}
@keyframes arise{
	0%{transform: scale(.5);}
	100%{transform: scale(1);}
}

.welfare_cont{position: relative; margin-bottom: 20px; height: 323px; background-position: -300px -600px; text-align: center;}
.welfare_cont .tit_wp{padding-top: 27px; margin-bottom: 54px;}
.welfare_cont .tit{margin-bottom: 3px; color: #fff; font-size: 20px;}
.welfare_cont .subtit{color: #e6c05b; font-size: 12px;}
.img_wp_welfare{margin: 0 auto 35px; width: 220px; height: 160px;}
.img_wp_welfare img{display: block; width: 100%;}
.pop_welfare{bottom: 0; width: 100%; height: 220px; background-position: -900px -600px;}

.state_wp{color: #827a6b; line-height: 18px;}
.state_wp li{position: relative; margin-bottom: 12px; padding-left: 33px;}
.state_wp .order{position: absolute; left: 0; top: 0; width: 18px; height: 18px; text-align: center; line-height: 18px; color: #130b00; background-position: -600px -450px;}
.state_wp li .emphasis,.state_wp li a{color: #c8a55b;}
.state_wp li a:hover{color: #c8a55b; text-decoration: underline;}

.sidenav_wp{position: fixed; z-index: 10; right: 0; top: 19%; width: 120px; text-align: center;}
.sidenav_wp .btn_wp_switch a{position: absolute; width: 120px; height: 80px; left: 0; top: 0; background-position: -150px 0; color: #534124; line-height: 80px;}
.sidenav_wp .btn_wp_switch a:hover{background-position: -150px -100px;}
.sidenav{padding-top: 90px; height: 168px;}
.sidenav a{display: block; height: 38px; line-height: 38px; color: #d7a74c;}
.sidenav a:hover,.sidenav a.on{color: #ffd992;}
.sidenav .ico_gift{display: inline-block; vertical-align: top; position: relative; top: 11px; margin-right: 4px; width: 16px; height: 16px; background-position: -625px -450px;}

.mouse-container { position: fixed; bottom: 2%; left: 50%; margin-left: -11px;}
.mouse { position: relative; width: 20px; height: 30px; margin: 0 auto; border: solid 1px #fff; border-radius: 8px;}
.mouse .scroll-down { display: block; width: 4px; height: 4px; margin: 15% auto auto; -webkit-animation: scroll-inner 1.5s ease infinite; animation: scroll-inner 1.5s ease infinite; border-radius: 50%; background: #fff;}
@-webkit-keyframes scroll-inner{
	from{margin-top:15%;opacity:1}
	to{margin-top:75%;opacity:0}
}
@keyframes scroll-inner{
	from{margin-top:15%;opacity:1}
	to{margin-top:75%;opacity:0}
}

.w900 .bg_ban,.w900 .animate_box{min-width: 900px;}
.w900 .privilege_wp{height: 242px;}
.w900 .prv_box .tit{font-size: 26px;}
.w900 .prv_box .subtit{font-size: 12px;}
.w900 .prv_box{padding-top: 23px;}
.w900 .badge_wp{margin-top: 27px;}
.w900 .badge_wp .badge{zoom: .75; position: relative; left: 8px\0;}
.w900 .badge_wp .prv{width: 81px; font-size: 12px;}

.w900 .gift_wp .gift_box{zoom: .75; margin-right: 22px\0;}
.w900 .gift_box_last{position: absolute; right: 0; right: -91px\0; top: 0;}

